// ###   封装tab选项卡
function tabApi(type,spanIndex){

    // 先loading在覆盖
    $(`.guide_wrap div:eq(${spanIndex}) ul`).html(`<img src="../imgs/01.gif"/>`)


    // $.get('http://kg.zhaodashen.cn/v1/goods/index.jsp',{type:titleEnglish[title]},res=>{
    // $.get('http://kg.zhaodashen.cn/v1/goods/index.jsp',{type:type},res=>{
    $.get('http://kg.zhaodashen.cn/v1/goods/index.jsp',{type},res=>{
        // console.log(res);
        // 遍历
        let html=''
        $.each(res.data.list,(i,item)=>{
            html +=`
            <li>
				<dl>
				    <dt><a href="./goods.html?gid=${item.goods_id}"><img src="http://tmp00001.zhaodashen.cn/${item.goods_img}" alt="" /></a></dt>
				    <dd><a href="./goods.html?gid=${item.goods_id}">${item.goods_name}</a></dd>
				    <dd><span>售价：</span><strong> ￥${item.market_price}</strong></dd>
				</dl>
			</li>
            `
        })
        // 覆盖
        setTimeout(()=>{
            $(`.guide_wrap div:eq(${spanIndex}) ul`).html(html)
        },1000)
        // $(`.guide_wrap div:eq(${spanIndex}) ul`).html(html)
        },'json')
}





// 页面加载完毕请求
$(function(){
    // ####   商品分类
    // $('.cat_bd').css('overflow','hidden')
    $.get('http://kg.zhaodashen.cn/v1/category/index.jsp',{},res=>{
        // console.log(res)
        // 遍历
        let html=''
        $.each(res.data,(oneI,oneItem)=>{
            if(oneI >12) return
            html+='<div class="cat item1">'
            // 一级 商品分类 一级/二级 先URL 再关键词
            html+=`<h3><a href="${oneItem.url||'./list.html?keywords='+oneItem.keywords}">${oneItem.cat_name}</a> <b></b></h3>`
            html+='<div class="cat_detail">'

            // 二级 商品分类 一级/二级  先URL 再关键词
            $.each(oneItem.children,(twoI,twoItem)=>{

                html+='<dl class="dl_1st">'
                html+=` <dt><a href="${twoItem.url||'./list.html?keywords='+twoItem.keywords}">${twoItem.cat_name}</a></dt>`
                html+='<dd>'
                // 三级  先URL 再分类ID
                $.each(twoItem.children,(threeI,threeItem)=>{
                    html +=`<a href="${threeItem.url||'./list.html?cat='+threeItem.cat_id}">${threeItem.cat_name}</a>`
                })
                html+='</dd>'
                html+='</dl>'
            })
            html+='</div>'
            html+='</div>'
        })
        // $.each(res.data,(i,item)=>{
        //     // console.log(item);
        //     // html +=`
        //     // <div class="cat item1">
        //     //             <!--一级标题-->
		// 	// 			<h3><a href="">${item.cat_name}</a> <b></b></h3>
		// 	// 			<div class="cat_detail">
		// 	// 				<dl class="dl_1st">
        //     //                 <!-- 二级标题-->
		// 	// 					<dt><a href="">电子书</a></dt>
		// 	// 					<dd>
        //     //                    <!--三级标题-->
		// 	// 						<a href="">免费</a>
		// 	// 						<a href="">小说</a>						
		// 	// 					</dd>
		// 	// 				</dl>

		// 	// 			</div>
		// 	// 		</div>
        //     // `
        // let sonData=''
        //   $.each(item.children,(twoI,twoItem)=>{
        //     sonData +=`
        //     <dl class="dl_1st">
        //        <!-- 二级标题-->
        //         <dt><a href="">${twoItem.cat_name}</a></dt>
        //         <dd>
        //           <!--三级标题-->
        //           <a href="">免费</a>
        //           <a href="">小说</a>						
        //         </dd>
        //     </dl>
        //     `
        //   })
        // // 一级
        //     html +=`
        //         <div class="cat item1">
        //                 <!--一级标题-->
		// 				<h3><a href="">${item.cat_name}</a> <b></b></h3>
		// 				<div class="cat_detail">
        //                 ${sonData}
		// 				</div>
		// 			</div>
        //     `
        // })
        // 覆盖
        $('.cat_bd').html(html)
    },'json')




    // ###  tab选项卡
    //首次
    tabApi('hot',0)
    // 后续
    $('.guide_content h2 span').mouseover(function(){
        // 获取span内容
        let spanIndex=$(this).index()
        // console.log(index);
        let title=$(this).text()
        let titleEnglish={'热卖商品':'hot','推荐商品':'best','新品上架':'new'}
        // let english='hot'
        // if(title=='推荐商品')english='best'
        // if(title=='新品上架')english='new'
        // console.log(title,titleEnglish[title]);
        // $.get('http://kg.zhaodashen.cn/v1/goods/index.jsp',{type:titleEnglish[title]},res=>{
        // // console.log(res);
        // // 遍历
        // let html=''
        // $.each(res.data.list,(i,item)=>{
        //     html +=`
        //     <li>
		// 		<dl>
		// 		    <dt><a href="./goods.html?goodsid=${item.goods_id}"><img src="http://tmp00001.zhaodashen.cn/${item.goods_img}" alt="" /></a></dt>
		// 		    <dd><a href="./goods.html?goodsid=${item.goods_id}">${item.goods_name}</a></dd>
		// 		    <dd><span>售价：</span><strong> ￥${item.market_price}</strong></dd>
		// 		</dl>
		// 	</li>
        //     `
        // })
        // // 覆盖
        // $(`.guide_wrap div:eq(${spanIndex}) ul`).html(html)
        // 判断发送请求
        tabApi(titleEnglish[title],spanIndex)
        // },'json')
    })









    // ###猜你喜欢
    $.get('http://kg.zhaodashen.cn/v1/goods/like.jsp',{},res=>{
    // $.get('/api/goods/like.jsp',{},res=>{
    // console.log(res);
    let html=''
    $.each(res.data,(i,item)=>{
        html +=`
        <li>
			<dl>
			    <dt><a href="./goods.html?gid=${item.goods_id}"><img src="http://tmp00001.zhaodashen.cn/${item.goods_img}" alt="" /></a></dt>
				<dd><a href="./goods.html?gid=${item.goods_id}">${item.goods_name}</a></dd>
				<dd><span>售价：</span> <strong>￥${item.market_price}</strong></dd>
			</dl>
		</li>
        `
    })
    $('.goodslist ul').html(html)


    },'json')

})